@charset "utf-8";
@import "config";

.topbar{
    .left{
        a{
            color: #a0a0a0;
        }
    }
}

section{
    .logo{
        width: setLengthByHeight(177px);
        height: setLengthByHeight(170px);
        margin: 0 auto;
        margin-top: 1rem;
        img{
            width: 100%;
        }
    }
    .logo_font{
        p{
            text-align: center;
            font-size: 0.7rem;
            margin: 1rem 0;
        }
    }
    form{
    width: setLengthByHeight(580px);
    height: setLengthByHeight(296px);
    margin: 0 auto;
    
    .log_box{
        width: setLengthByHeight(580px);
        height: setLengthByHeight(82px);
        border: 1px solid #dfdfdd;
        background: #FFFFFF;
        &:nth-child(2){
            border-top:0 ;
        }
        
        span{
            font-size: 0.8rem;
            text-align: center;
            margin-left:0.9rem ;
            display: inline-block;
            margin-top: 0.4rem;
        }
        input{
            border: 0;
            margin-left: 0.6rem;
            font-size: 0.8rem;
        }
    }
    .log_btn{
        margin-top: 1rem;
        input{
            width: setLengthByHeight(580px);
            height: setLengthByHeight(86px);
        }
    }    
}

    .zhuce{
         width: setLengthByHeight(580px);
         margin: 0 auto;
         a{
             font-size: 0.8rem;
             color: #999999;
             &:nth-child(2){
                 float: right;
             }
         }
         
    }
}

.btmbar{
    a{
        display: inline-block;
        width: setLengthByHeight(340px);
        height: 2.5rem;
        width: 50%;
        &:nth-child(2){
            i{
               margin-left: 2rem;
            }
            
        }
        i{
            font-size: 1.3rem;
            color: #08bb13;
            margin-left: 2rem;
            line-height: 2.2rem;
            
        }
        .icon-QQ{
            color: #57a6fe;
             position: relative;
            top: 0.1rem;
        }
        .icon-weixin{
            position: relative;
            top: 0.2rem;
        }
        span{
            color: #999999;
            font-size: 0.7rem;
            display: inline-block;
            margin-left: 0.3rem;
            }

 }   
}
